import styled from 'styled-components'
import propTypes from 'prop-types'
import React from 'react'
const Checkbox = ({ className, checked, ...props }) => (
<CheckboxContainer className={className}>
<HiddenCheckbox checked={checked} {...props} />
<StyledCheckbox checked={checked}>
<Icon viewBox="0 0 24 24">
<polyline points="20 6 9 17 4 12" />
</Icon>
</StyledCheckbox>
</CheckboxContainer>
)
Checkbox.propTypes = {
checked: propTypes.boolean,
className: propTypes.string,
}
I have this component and I'm always getting this error : error propType "className" is not required, but has no corresponding defaultProps declaration react/require-default-props
I don't know how to fix it any suggestions please?
It's explained in the documentation: https://reactjs.org/docs/typechecking-with-proptypes.html#default-prop-values
As you are marking this prop as not required it is asking you to put a default in case the prop is missing.
So, something like this (but default values depends on you):
Checkbox.defaultProps = {
checked: false,
className: null,
}